<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="title">
        Administración de permisos
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <p:focus id="foco" />
                    <p:panel header="Información"  >
                        <h:panelGrid id="panDat" columns="2" columnClasses="alignTop,alignTop" >
                            <h:panelGrid>
                                <p:panel >
                                    <h:panelGrid columns="4">
                                        <p:selectOneRadio id="options" value="#{jsfLicencia.tipoPermiso}">  
                                            <f:selectItem itemLabel="Permiso individual" itemValue="1" />  
                                            <f:selectItem itemLabel="Permiso general" itemValue="2" /> 
                                            <f:ajax execute="options" render="panDat"/>
                                        </p:selectOneRadio>  
                                    </h:panelGrid>
                                </p:panel>
                                <center>
                                    <h:panelGrid >
                                        <h:panelGroup id="panelBotones">
                                            <p:commandButton id="btGrabar" process="@form" update=":panelDatos commonStatus" value="Grabar" action="#{jsfLicencia.grabarAction}"  title="Grabar registro"/>
                                            <p:commandButton id="btNuevo" process="@none" update="@form" value="Nuevo" action="#{jsfLicencia.nuevoAction}"  title="Limpiar o crear nuevo registro">
                                            </p:commandButton>
                                            <p:ajaxStatus id="commonStatus">
                                                <f:facet name="start">
                                                    <h:graphicImage library="images/ajax" name="status2.gif"/>
                                                </f:facet>
                                            </p:ajaxStatus>
                                        </h:panelGroup>
                                    </h:panelGrid>

                                    <p:message for="formDatos">
                                        <f:facet name="errorMarker">
                                            <h:graphicImage library="images/ajax" name="warning.gif"/>
                                        </f:facet>
                                        <f:facet name="infoMarker">
                                            <h:graphicImage library="images/ajax" name="passed.gif"/>
                                        </f:facet>
                                    </p:message>
                                </center>
                            </h:panelGrid>

                            <p:panel styleClass="curved" >
                                <h:panelGrid columns="4">

                                    <h:graphicImage  library="images/ajax" name="bullet.gif" />
                                    <h:outputLabel rendered="#{jsfLicencia.tipoPermiso eq 1}" value="Nombres:" />
                                    <p:autoComplete rendered="#{jsfLicencia.tipoPermiso eq 1}" size="30" placeholder="Ingrese nombre del médico" forceSelection="true"  required="true" requiredMessage="Medico campos obligatorio"  converter="JsfConverterMedicoAutocompletado" completeMethod="#{jsfMedico.medicoAutocompleteAction}" 
                                                    itemLabel="#{var.ameNombreFull}" itemValue="#{var}"   id="ruc" value="#{jsfLicencia.object.admMedico}" var="var">
                                        <p:ajax update="cedula nombre listaSimple" listener="#{jsfLicencia.cargarLista()}" event="itemSelect"/>
                                    </p:autoComplete>

                                    <f:verbatim/>
                                    <f:verbatim/>
                                    <f:verbatim />
                                    <p:message rendered="#{jsfLicencia.tipoPermiso eq 1}" for="ruc" />
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>


                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <h:outputLabel rendered="#{jsfLicencia.tipoPermiso eq 1}"  value="Cédula:" />
                                    <h:outputLabel  rendered="#{jsfLicencia.tipoPermiso eq 1}" styleClass="letraTomate" id="cedula" value="#{jsfLicencia.object.admMedico.ameCedula}"  />
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>

                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <h:outputLabel rendered="#{jsfLicencia.tipoPermiso eq 1}" value="Nombre:" />
                                    <h:outputLabel rendered="#{jsfLicencia.tipoPermiso eq 1}" styleClass="letraTomate" id="nombre" value="#{jsfLicencia.object.admMedico.ameNombreFull}"  />
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}" />
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>
                                    <f:verbatim rendered="#{jsfLicencia.tipoPermiso eq 1}"/>

                                    <h:graphicImage library="images/ajax" name="bullet.gif" />
                                    <h:outputText  value="Fecha inicio:" />
                                    <p:calendar navigator="true" requiredMessage="Fecha inicio:Campo obligatorio" 
                                                size="30" placeholder="dd/MM/yyyy" required="true"  id="fechaIni" value="#{jsfLicencia.object.apeFechaInicio}">

                                    </p:calendar>
                                    <f:verbatim/>

                                    <f:verbatim />
                                    <f:verbatim />
                                    <p:message for="fechaIni"/>
                                    <f:verbatim />

                                    <h:graphicImage library="images/ajax" name="bullet.gif" />
                                    <h:outputText  value="Fecha fin:" />
                                    <p:calendar navigator="true" requiredMessage="Fecha fin:Campo obligatorio" 
                                                required="true" size="30" placeholder="dd/MM/yyyy" id="fechaFin" value="#{jsfLicencia.object.apeFechaFin}">

                                    </p:calendar>
                                    <f:verbatim/>

                                    <f:verbatim />
                                    <f:verbatim />
                                    <p:message for="fechaFin"/>
                                    <f:verbatim />


                                    <f:verbatim/>
                                    <h:outputText value="Motivo:" />
                                    <p:inputTextarea label="Motivo" id="motivo" cols="70" rows="5"  value="#{jsfLicencia.object.apeMotivo}" >

                                    </p:inputTextarea>
                                    <f:verbatim />


                                    <f:verbatim />
                                    <f:verbatim />
                                    <p:message for="motivo"/>
                                    <f:verbatim />






                                </h:panelGrid>
                            </p:panel>
                        </h:panelGrid>


                        <br />
                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Campo obligatorio" styleClass="campo-obligatorio"/>
                        </h:panelGroup>
                        <div class="separador" />
                        <hr width="100%" />
                        <p /> 
                        <p:dataTable id="listaSimple" value="#{jsfLicencia.lista}" var="item"  rows="20" >
                            <f:facet name="header">
                                <h:outputText value="Registros encontrados [#{jsfLicencia.lista.size()}]" />
                            </f:facet>
                            <p:column headerText="#" >
                                <h:outputText value="#{jsfLicencia.lista.indexOf(item)+1}"/>
                            </p:column>
                            <p:column headerText="Médico" >
                                <h:outputText value="#{item.admMedico.ameNombreFull}"/>
                            </p:column>
                            <p:column headerText="Fecha inicio" >
                                <h:outputText value="#{item.apeFechaInicio}">
                                    <f:convertDateTime pattern="dd/M/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Fecha fin" >
                                <h:outputText value="#{item.apeFechaFin}">
                                    <f:convertDateTime pattern="dd/M/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Descripción" >
                                <h:outputText value="#{item.apeMotivo}"/>
                            </p:column>
                            <p:column headerText="Acción" >
                                <h:commandLink action="#{jsfLicencia.editarAction(item)}" title="Editar">
                                    <h:graphicImage library="images/icons" name="page-edit-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render=":panelDatos"/>
                                </h:commandLink>
                                            <h:commandLink action="#{jsfLicencia.eliminarAction(item)}" title="Eliminar" onclick="if (!confirm('Seguro que desea eliminar el registro?')) {
                                            formLista.reset();
                                        return false;
    
                                        }">
                                    <h:graphicImage library="images/icons" name="Document-Delete-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render="@form :panelDatos"/>
                                </h:commandLink>
                            </p:column>
                        </p:dataTable>
                    </p:panel>
                    <p:growl id="growl"  showDetail="true" life="6500" /> 
                </h:form>
            </h:panelGrid>
        </center>
    </ui:define>

</ui:composition>
